Web Project notes

Gary - Please add pages for every subject and add links to them on the main subjects page. http://castlebrae.wikispaces.com/subjects
Once you finish that, on each subject page please put the subject name and try and find a photo for each page. (Pics here might help) I know you can manage setting up the pages and links in a double period :-)

Fee - Carry on with the social wiki. When you finish that, you could also look for pictures to liven up the page. Think about if it would be better to have seperate pages for each group too (maybe some will need and not others?). You could also look at the main wiki page - can you get a school logo on there?

Blair - Set up Flickr badges (http://www.flickr.com/badge_new.gne). Paste the HTML code on this page below and we can add it later. Try doing a test blog entry from Flickr and see how it looks. You could also help others find pictures to represent subjects or clubs.

Steven - Try setting up maps for the blog. Paste code on this page below and we can set it up later.
http://www.digitalpoint.com/tools/geovisitors/
http://www.clustrmaps.com/
(There's examples here: http://joedale.typepad.com/ and http://edu.blogs.com/edublogs/)
Also, you could try posting a blog entry with an (educational) youtube video in it, like a science experiment video.


Code for left column of blog:
[Paste code here]


Code for right column of blog:
[Paste code here]


Code for wikis:
[Paste code here]


Flickr Badges:

HTML Badge:

<!-- Start of Flickr Badge -->
<style type="text/css">
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#FFFFFF;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#000000;}
#flickr_badge_wrapper {background-color:#FF0000;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#FFFFFF !important;}
</style>
<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0"><tr><td><a href="http://www.flickr.com" id="flickr_www">www.<strong style="color:#3993ff">flickr</strong>.com</a><table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=3&display=latest&size=t&layout=v&source=user&user=15198868%40N00"></script>
<tr>
<td id="flickr_badge_source" valign="center" align="center">
<table cellpadding="0" cellspacing="0" border="0"><tr>
<td width="10" id="flickr_icon_td"><a href="http://www.flickr.com/photos/castlebrae/"><img id="flickr_badge_icon" alt="Castlebrae High School's photos" src="http://static.flickr.com/87/buddyicons/15198868@N00.jpg?1159778451" align="left" width="48" height="48"></a></td>
<td id="flickr_badge_source_txt"><nobr>More of</nobr> <a href="http://www.flickr.com/photos/castlebrae/">Castlebrae High School's photos</a></td>
</tr></table>
</td>
</tr>
</table>
</td></tr></table>
<!-- End of Flickr Badge -->

Flash Badge:

<!-- Start of Flickr Badge -->
<style type="text/css">
.zg_div {margin:0px 5px 5px 0px; width:117px;}
.zg_div_inner {border: solid 1px #000000; background-color:#0000CC; color:#FFFFFF; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#FFFFFF; background:inherit !important; text-decoration:none !important;}
</style>
<script type="text/javascript">
zg_insert_badge = function() {
var zg_bg_color = '0000CC';
var zgi_url

'http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color

'+zg_bg_color+'&zg_person_id=15198868%40N00';
document.write('<iframe style="background-color:#'+zg_bg_color+'; border-color:#'+zg_bg_color+'; border:none;" width="113" height="151" frameborder="0" scrolling="no" src="'+zgi_url+'" title="Flickr Badge"><\/iframe>');
if (document.getElementById) document.write('<div id="zg_whatlink"><a href="http://www.flickr.com/badge_new.gne" style="color:#FFFFFF;" onclick="zg_toggleWhat(); return false;">what is this?<\/a><\/div>');
}
zg_toggleWhat = function() {
document.getElementById('zg_whatdiv').style.display

(document.getElementById('zg_whatdiv').style.display !

'none') ? 'none' : 'block';
document.getElementById('zg_whatlink').style.display

(document.getElementById('zg_whatdiv').style.display !

'none') ? 'none' : 'block';
return false;
}
</script>
<div class="zg_div"><div class="zg_div_inner"><a href="http://www.flickr.com">www.<strong style="color:#3993ff">flickr</strong>.com</a><br>
<script type="text/javascript">zg_insert_badge();</script>
<div id="zg_whatdiv">This is a Flickr badge showing public photos from <a href="http://www.flickr.com/photos/15198868@N00">Castlebrae High School</a>. Make your own badge <a href="http://www.flickr.com/badge_new.gne">here</a>.</div>
<script type="text/javascript">if (document.getElementById) document.getElementById('zg_whatdiv').style.display = 'none';</script>
</div>
</div>
<!-- End of Flickr Badge -->